<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style type="text/css">
p{width:300px; border:1px #000 solid;}
</style>
</head>
<body>
<p><span>即使什么参数都不传也会变成一个数据的数组，因此如果想把一个字符串每个字符分割，就传一个空字符串''，（注意：如果分隔符在左右，也会生成个空在数组里），第二个可选参数限制生成数组的长度（超出的部分会被舍去）</span><button type="button">收缩</button></p>
<script>
var oSp = document.getElementsByTagName("span")[0];
var str = oSp.innerHTML;
var oBtn = document.getElementsByTagName("button")[0];
oBtn.bOn = true;
oBtn.onclick = function (){
	if(this.bOn){
		oSp.innerHTML = str.substring(0,20)+"......";
		oBtn.innerHTML = "展开";
	}else{
		oSp.innerHTML = str;
		oBtn.innerHTML = "收缩";
	}
	this.bOn = !this.bOn;
}
</script>
</body>
</html>
